/*
  ==========================================================================
  Project:   SproutCore - JavaScript Application Framework
  Copyright: ©2008-2011 Apple Inc. All rights reserved.
  License:   Licensed under MIT license (see license.js)
  ==========================================================================
*/
#mainPane {
  font-family: "Helvetica Neue", "Helvetica", Verdana;
}

#mainPane .class-detail {
  position: absolute;
  top:0;
  left:190px;
  right:0;
  bottom:0;
  background: white;
  overflow:auto;
  font-size:14px;
  -webkit-user-select: text;
}

#mainPane .class-detail #class-details {
  background: #f2f2f2;
  border-bottom: 1px #cccccc solid;
  padding:15px 15px 0 15px;
}

#mainPane .class-detail #class-details .extends .name,
#mainPane .class-detail #class-details .since .name {
  font-weight:bolder;
}

#mainPane .class-detail #class-details .extends,
#mainPane .class-detail #class-details .since {
  margin-bottom:15px;
}

#mainPane .class-detail #class-info {
  padding: 20px;
}

#mainPane .class-detail #class-info h2 {
  color: #2b4270;
  margin-bottom:10px;
}

#mainPane .class-header {
  background: #e1e7ee;
  border-bottom: 1px #a8b0ba solid;
  z-index: 4;
}

#mainPane .class-header .class-name {
  font-weight:bolder;
  font-size:25px;
}

#mainPane .symbol-list {
  background: #eef3f6;
}

#mainPane #class-info .subtitles {
  color: gray;
  margin-bottom:5px;
  margin-left:15px;
}

#mainPane #class-info .subtitles .name {
  font-weight:bolder;
}

#mainPane #class-info .subtitles .value {

}

#mainPane #class-info .overview {
  margin-left:15px;
  margin-bottom:15px;
}

#mainPane #class-info .header {
  font-weight:bolder;
  margin-bottom:10px;

}

#mainPane ul {
  margin:0;
}

#mainPane .data-type {
  margin-right: 5px;
  color:gray;
  border-radius:4px;
  background: #f3f3f3;
  padding:2px;
  border:1px #ccc solid;
}

#mainPane .data-type.clickable {

  color:blue;
  text-decoration:underline;
  /*border:1px #8E4602 solid;*/
  /*color:white;*/
  /*box-shadow: 0px 1px 2px #8E4602;*/
  /*background: #DD8304; [> old browsers <]*/
  /*background: -moz-linear-gradient(top, #DD8304 0%, #C64800 100%); [> firefox <]*/

  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DD8304), color-stop(100%,#C64800)); [> webkit <]*/

  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD8304', endColorstr='#C64800',GradientType=0 ); [> ie <]*/

  /*background: -o-linear-gradient(top, #DD8304 0%,#C64800 100%); [> opera <]*/
}


#mainPane .method-signature {
  font-weight:bolder;
}

#mainPane #class-info hr {
  border: none;
  background:#a8b0ba;
  height: 1px;
  margin:15px 0;
}

#mainPane #class-info .returns {
  margin-left: 15px;
}

#mainPane #class-info .returns .name {
  /*color: gray;*/
  font-weight:bolder;
}

#mainPane #class-info ul {
  margin-left:15px;
}

#mainPane #class-info li {
  list-style: circle;
}

#mainPane #class-info li.symbol {
  list-style: none;
}

#mainPane #class-info pre {
  background: #E1EBF2;
  padding:5px;
  overflow:auto
}
